<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>图片上传</title>
</head>
<body>
<form id="form" action="uploadImage" enctype="multipart/form-data" method="post">
    <input type="file" id="upload" name="file">
    <button type="submit">提交</button>
</form>
<br/>
<img id="testImg" src="" alt="图片"/>

</body>
<script src="/webjars/jquery/jquery.js"></script>
<script>

<!--/* 文件改变时触发文件上传 */-->
<!--$(document).ready(function(){-->
<!--$('#upload').change(function(){-->
<!--    // 设置ajax参数-->
<!--    var options = {-->
<!--        url : "/uploadImage",-->
<!--        type: "POST",-->
<!--        success: function (data) {-->
<!--            // 设置图片地址-->
<!--            var imgUrl = "/test-demo/"+data;-->
<!--            $("#testImg").attr("src", data);-->
<!--        }-->
<!--    }-->
<!--    alert('您的鼠标移到了的元素上!');-->
<!--    // 提交表单-->
<!--    $('#form').ajaxSubmit(options);-->
<!--    return true;-->
<!--});-->
<!--});-->


</script>
</html>